<template>
  <div id="app">
    <transition :name="'vux-pop-' + (direction === 'forward' ? 'in' : 'out')">
      <keep-alive>
        <router-view class="router-view"></router-view>
      </keep-alive>
    </transition>
    <suspendNav></suspendNav>
    <footerNavBar
        :navSelected="navSelected"
        v-if="isfooterNavShow"
    ></footerNavBar>
    <!--模拟弹出框-->
    <div class="Popup">
      <div class="Popup_text">
        <p></p>
      </div>
    </div>
    <!--messageBox消息盒子-->
    <messageBox></messageBox>
  </div>
</template>

<script>
  import {mapState, mapActions} from 'vuex';
  import Vue from "vue";
  import $ from "jquery";
  import './assets/css/style.css';
  import './assets/scss/public.scss';
  import './assets/scss/iView.scss';
  import messageBox from './components/messageBox/index.vue';
  import suspendNav from './components/suspendNav/index.vue';
  
  require('./assets/js/public/fly/jquery.fly.min');
  export default {
    name: 'app',
    data() {
      return {
        isfooterNavShow: false,
        loginS: false
      }
    },
    created(){
      this.init();
    },
    mounted() {
    
    },
    activated() {
      // this.setgoindex();
    },
    methods: {
      init() {
      
      },
    },
    components: {
      messageBox,
      suspendNav,
    },
    computed: {
      ...mapState({
        direction: state => state.mutations.direction,
        navSelected: state => state.mutations.navSelectNum,
        // visLoading: state => state.mutations.visLoading
      })
    },
    watch: {
      // '$route': 'isfooterNavBarShow'
    },
  }
</script>

<style scoped>
  @import 'assets/css/mintUI.css';
  /*#app {*/
  /*width: 100%;*/
  /*height: 100%;*/
  /*}*/
  
  /*.vux-pop-out-enter-active,*/
  /*.vux-pop-out-leave-active,*/
  /*.vux-pop-in-enter-active,*/
  /*.vux-pop-in-leave-active {*/
  /*will-change: transform;*/
  /*transition: all 250ms;*/
  /*width: 100%;*/
  /*height: 100%;*/
  /*top: 0;*/
  /*position: absolute;*/
  /*backface-visibility: hidden;*/
  /*perspective: 3000;*/
  /*}*/
  
  /*.vux-pop-out-enter {*/
  /*opacity: 0;*/
  /*transform: translate3d(-100%, 0, 0);*/
  /*transition: ease-in 250ms;*/
  /*}*/
  
  /*.vux-pop-out-leave-active {*/
  /*opacity: 0;*/
  /*transform: translate3d(100%, 0, 0);*/
  /*transition: ease-in 250ms;*/
  /*}*/
  
  /*.vux-pop-in-enter {*/
  /*opacity: 0;*/
  /*transform: translate3d(100%, 0, 0);*/
  /*transition: ease-in 250ms;*/
  /*}*/
  
  /*.vux-pop-in-leave-active {*/
  /*opacity: 0;*/
  /*transform: translate3d(-100%, 0, 0);*/
  /*transition: ease-in 250ms;*/
  /*}*/
</style>
